<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>KingsRay导航-很有范的导航站</title>
    <link rel="shortcut icon" href="favcion.ico" />
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="container" id="container">
        <aside class="left-bar" id="leftBar">
            <div class="title">
                <p>KingsRay导航</p>
            </div>
            <nav class="nav">
                <div class="item active"><a href="">
                    <i class="iconfont icon-daohang2"></i>KingsRay导航</a><i class="line"></i>
                </div>

                <ul class="nav-item" id="navItem">
                    <li>
                        <a href="#synthesis" class="active">
                            <i class="iconfont icon-zonghe"></i>综合
                        </a>
                    </li>
                    <li>
                        <a href="#government" class="active">
                            <i class="iconfont icon-icon_xinyong_xianxing_jijin-273"></i>政务
                        </a>
                    </li>
                    <li>
                        <a href="#resource" class="active">
                            <i class="iconfont icon-yunxiazai_o"></i>资源
                        </a>
                    </li>
                    <li>
                        <a href="#apple" class="active">
                            <i class="iconfont icon-apple"></i>苹果
                        </a>
                    </li>
                    <li>
                        <a href="#ios" class="active">
                            <i class="iconfont icon-ios"></i>iOS
                        </a>
                    </li>
                    <li>
                        <a href="#android" class="active">
                            <i class="iconfont icon-android"></i>Android
                        </a>
                    </li>
                    <li>
                        <a href="#software" class="active">
                            <i class="iconfont icon-ruanjian-"></i>软件
                        </a>
                    </li>
                    <li>
                        <a href="#search" class="active">
                            <i class="iconfont icon-sousuo"></i>搜索
                        </a>
                    </li>
                    <li>
                        <a href="#bbs" class="active">
                            <i class="iconfont icon-shequ"></i>开发社区
                        </a>
                    </li>
                    <li>
                        <a href="#sill" class="active">
                            <i class="iconfont icon-face"></i>技术博客
                        </a>
                    </li>
                    <li>
                        <a href="#docs" class="active">
                            <i class="iconfont icon-icon_bangzhuwendang"></i>开发文档
                        </a>
                    </li>
                    <li>
                        <a href="#tools" class="active">
                            <i class="iconfont icon-icongongju"></i>实用工具
                        </a>
                    </li>
                    <li>
                        <a href="#design" class="active">
                            <i class="iconfont icon-yunxiazai_o"></i>设计资源
                        </a>
                    </li>
                    <li>
                        <a href="#study" class="active">
                            <i class="iconfont icon-xuexi"></i>学无止境
                        </a>
                    </li>
                    <li>
                        <a href="#operation" class="active">
                            <i class="iconfont icon-yunyinggongzuotai"></i>网络运营
                        </a>
                    </li>
                    <li>
                        <a href="#service" class="active">
                            <i class="iconfont icon-fuwu_o"></i>服务
                        </a>
                    </li>
                    <li>
                        <a href="#finance" class="active">
                            <i class="iconfont icon-jinrong"></i>金融
                        </a>
                    </li>
                    <li>
                        <a href="#shopping" class="active">
                            <i class="iconfont icon-gouwu"></i>购物
                        </a>
                    </li>
                    <li>
                        <a href="#job" class="active">
                            <i class="iconfont icon-gongzuobao"></i>工作
                        </a>
                    </li>
                    <li>
                        <a href="#game" class="active">
                            <i class="iconfont icon-airudiantubiaohuizhi-zhuanqu_youxi"></i>游戏
                        </a>
                    </li>
                    <li>
                        <a href="#live" class="active">
                            <i class="iconfont icon-zhibo"></i>直播
                        </a>
                    </li>
                    <li>
                        <a href="#television" class="active">
                            <i class="iconfont icon-yingshi"></i>影视
                        </a>
                    </li>
                    <li>
                        <a href="#music" class="active">
                            <i class="iconfont icon-yinle"></i>音乐
                        </a>
                    </li>
                    <li>
                        <a href="#bookmall" class="active">
                            <i class="iconfont icon-shuji"></i>书籍
                        </a>
                    </li>
<!--                    <li class="download" class="active">-->
<!--                        <a href=""><i class="iconfont icon-yunxiazai_o"></i>源码下载-->
<!--                        </a>-->
<!--                    </li>-->
                </ul>
                <div class="item comment" class="active">
                    <a target="_blank" href="http://kingsray.gitee.io/">
                        <i class="iconfont icon-liuyan"></i>主页
                    </a>
                </div>
            </nav>
        </aside>
        <section class="main">
            <div id="mainContent">
                <!-- 手机端菜单 -->
                <div id="menu-box">
                    <div id="menu">
                        <input type="checkbox" id="menu-form">
                        <label for="menu-form" class="menu-spin">
                            <div class="line diagonal line-1"></div>
                            <div class="line horizontal"></div>
                            <div class="line diagonal line-2"></div>
                        </label>
                    </div>
                </div>

                <!-- 综合 -->
                <div class="box">
                    <a href="#" name="synthesis"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-zonghe"></i>综合</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.sina.com.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/sina.png" alt="sina">
                                    新浪
                                </div>
                                <div class="desc">随时随地享受专业资讯服务</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ithome.com/">
                            <div class="item">
                                <div class="logo"><img src="img/ithome.svg" alt="ithome">
                                    IT之家
                                </div>
                                <div class="desc">科技资讯</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mydrivers.com/">
                            <div class="item">
                                <div class="logo"><img src="img/mydrivers.png" alt="mydrivers">
                                    快科技
                                </div>
                                <div class="desc">科技资讯</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.iplaysoft.com/">
                            <div class="item">
                                <div class="logo"><img src="img/iplaysoft.ico" alt="iplaysoft">
                                    异次元软件
                                </div>
                                <div class="desc">软件世界</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ipcfun.com/">
                            <div class="item">
                                <div class="logo"><img src="img/ipcfun.png" alt="ipcfun">
                                    IPCFUN
                                </div>
                                <div class="desc">分享互联网的精彩</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.pcbeta.com/">
                            <div class="item">
                                <div class="logo"><img src="img/pcbeta.png" alt="pcbeta">
                                    远景
                                </div>
                                <div class="desc">远景在线</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.10086.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/yidong.png" alt="yidong">
                                    中国移动
                                </div>
                                <div class="desc">中国移动</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.189.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/dianxin.png" alt="dianxin">
                                    中国电信
                                </div>
                                <div class="desc">中国电信</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://wht.whutech.com/">
                            <div class="item">
                                <div class="logo"><img src="img/wuhantong.png" alt="wuhantong">
                                    武汉通余额查询
                                </div>
                                <div class="desc">武汉通余额查询</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.yoka.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="yoka">
                                    YOKA
                                </div>
                                <div class="desc">YOKA时尚网站</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.pearvideo.com/">
                            <div class="item">
                                <div class="logo"><img src="img/pearvideo.png" alt="pearvideo">
                                    梨视频
                                </div>
                                <div class="desc">梨视频</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zealer.com/">
                            <div class="item">
                                <div class="logo"><img src="img/zealer.ico" alt="zealer">
                                    ZEALER
                                </div>
                                <div class="desc">ZEALER</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dalao.ru/">
                            <div class="item">
                                <div class="logo"><img src="img/dalaoru.png" alt="dalaoru">
                                    大佬
                                </div>
                                <div class="desc">大佬</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.metroman.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/metroman.png" alt="metroman">
                                    地铁通
                                </div>
                                <div class="desc">地铁、高铁通</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.deyi.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="deyi">
                                    得意生活
                                </div>
                                <div class="desc">得意生活=>社区=>装修板块</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://to8to.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="to8to">
                                    土巴兔
                                </div>
                                <div class="desc">土巴兔</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://hao.logosc.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="logosc">
                                    创业导航
                                </div>
                                <div class="desc">创业导航</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tophub.today/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="logosc">
                                    今日热榜
                                </div>
                                <div class="desc">今日热榜</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.anyknew.com/">
                            <div class="item">
                                <div class="logo"><img src="img/anyknew.png" alt="anyknew">
                                    AnyKnew
                                </div>
                                <div class="desc">热点归档</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.huxiu.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="huxiu">
                                    虎嗅
                                </div>
                                <div class="desc">虎嗅新闻</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.adaymag.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="adaymag">
                                    A day magazine
                                </div>
                                <div class="desc">A day magazine</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://creatorsdaily.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="creatorsdaily">
                                    创业者日报
                                </div>
                                <div class="desc">创业者日报</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 综合end -->

                <!-- 政务 -->
                <div class="box">
                    <a href="#" name="government"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-icon_xinyong_xianxing_jijin-273"></i>政务</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://gaj.wuhan.gov.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wuhanga">
                                    武汉市公安局
                                </div>
                                <div class="desc">武汉市公安局</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://jgj.wuhan.gov.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wuhanjgj">
                                    武汉市公安局交通管理局
                                </div>
                                <div class="desc">武汉市公安局交通管理局</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.hubei.gov.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wuhangacrj">
                                    湖北省人民政府
                                </div>
                                <div class="desc">湖北省人民政府</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://gjj.wuhan.gov.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wuhangjj">
                                    武汉市住房公积金
                                </div>
                                <div class="desc">武汉市住房公积金</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://hubei.chinatax.gov.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="chinatax">
                                    湖北税务
                                </div>
                                <div class="desc">湖北税务</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://sw.wuhan.gov.cn/index/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wuhansw">
                                    武汉商务局
                                </div>
                                <div class="desc">武汉商务局</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 政务end -->

                <!-- 资源 -->
                <div class="box">
                    <a href="#" name="resource"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-yunxiazai_o"></i>资源</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://forum.xda-developers.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="xda">
                                    XDA
                                </div>
                                <div class="desc">XDA rom资源</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://lineageos.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="lineageos">
                                    lineage
                                </div>
                                <div class="desc">rom</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://rom-samsung.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="romsamsung">
                                    三星刷机网
                                </div>
                                <div class="desc">三星rom</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.romzhijia.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="romzhijia">
                                    Rom下载之家
                                </div>
                                <div class="desc">Rom下载之家</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.freehao123.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="freehao123">
                                    免费资源部落
                                </div>
                                <div class="desc">免费资源部落</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.xiaomy.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="xiaomy">
                                    网云穿
                                </div>
                                <div class="desc">网云穿</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.deepin.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="deepin">
                                    深度社区
                                </div>
                                <div class="desc">深度社区</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.deepinghost.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="deepinghost">
                                    深度科技
                                </div>
                                <div class="desc">深度科技</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.xitongzhijia.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="xitongzhijia">
                                    系统之家
                                </div>
                                <div class="desc">系统之家</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.startos.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="startos">
                                    雨林木风
                                </div>
                                <div class="desc">雨林木风</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.linuxidc.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="linuxidc">
                                    linux公社
                                </div>
                                <div class="desc">linux公社</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://fydeos.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fydeos">
                                    fydeOS
                                </div>
                                <div class="desc">fydeOS</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ventoy.net/cn/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/ventoy.png" alt="ventoy">
                                    Ventoy
                                </div>
                                <div class="desc">新一代多系统启动U盘解决方案</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://cowpe.top/">
                            <div class="item">
                                <div class="logo"><img src="img/cowpe.png" alt="hrbmby">
                                    CowPE
                                </div>
                                <div class="desc">让我们开始吧</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.winbaicai.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="hrbmby">
                                    大白菜
                                </div>
                                <div class="desc">全网独家技术、完美兼容新旧主板，最简单好用的U盘重装工具</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.wepe.com.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wepe">
                                    微PE工具箱
                                </div>
                                <div class="desc">化简为繁，小材大用</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.iconfont.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="iconfont">
                                    Iconfont
                                </div>
                                <div class="desc">免费图标资源</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://iconpark.oceanengine.com/home">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="iconpark">
                                    IconPark
                                </div>
                                <div class="desc">这里有你需要的图表</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://mixkit.co/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="mixkit">
                                    MixKit
                                </div>
                                <div class="desc">高清图片</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://unsplash.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="officeplus">
                                    UnSplash
                                </div>
                                <div class="desc">图片资源</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://getfedora.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fedora">
                                    Fedora
                                </div>
                                <div class="desc">一套新颖、多功能并且自由（开放源代码）的操作系统</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.hdpfans.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="hdpfans">
                                    高清苑
                                </div>
                                <div class="desc">免费电视直播资源</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.officeplus.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="officeplus">
                                    免费office模板
                                </div>
                                <div class="desc">免费office模板</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 资源end -->

                <!-- 苹果 -->
                <div class="box">
                    <a href="#" name="apple"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-apple"></i>苹果</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.apple.com.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="applelink">
                                    苹果官网
                                </div>
                                <div class="desc">苹果官方网址</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://developer.apple.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="appledev">
                                    苹果开发者
                                </div>
                                <div class="desc">苹果开发者</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tonymacx86.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="tonymacx86">
                                    TonyMac
                                </div>
                                <div class="desc">TonyMac</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://xclient.info/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="xclient">
                                    精品mac
                                </div>
                                <div class="desc">精品mac</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://ipsw.me/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="ipsw">
                                    苹果验机
                                </div>
                                <div class="desc">iphone、ipad、mac验机</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://docs.microsoft.com/zh-cn/officeupdates/update-history-office-for-mac">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="macoffice">
                                    Office Mac
                                </div>
                                <div class="desc">Office for Mac</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.macfz.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="ventoy">
                                    Mac房子
                                </div>
                                <div class="desc">精品mac软件下载</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://blog.daliansky.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="daliansky">
                                    黑苹果
                                </div>
                                <div class="desc">Hackintosh安装镜像、教程及经验分享</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.macyy.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="macwk">
                                    MacYY
                                </div>
                                <div class="desc">"MacYY"由“友用资源”团队运营，本站运营费用由"友用资源"的收入支持！</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.macdo.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="macdo">
                                    MacDo
                                </div>
                                <div class="desc">最新MAC软件、游戏展示，精彩尽在咫尺</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.i4.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="iconpark">
                                    爱思助手
                                </div>
                                <div class="desc">好用的苹果移动设备管理工具</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.laoliang.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="laoliang">
                                    老梁Blog
                                </div>
                                <div class="desc">老梁Blog</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.macenjoy.co/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fedora">
                                    MacEnjoy
                                </div>
                                <div class="desc">把最新的资源分享给大家</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zhiniw.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="zhiniw">
                                    知您网
                                </div>
                                <div class="desc">用心分享</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://gofans.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="gofans">
                                    GoFans
                                </div>
                                <div class="desc">GoFans</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://macdrop.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="macdrop">
                                    MacDrop
                                </div>
                                <div class="desc">Download Cracked Mac Apps and Games for Free</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://insmac.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="insmac">
                                    insMac
                                </div>
                                <div class="desc">insMac</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.sdifen.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="sdifen">
                                    史蒂芬周的博客
                                </div>
                                <div class="desc">软硬兼施，娱乐共享</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://sysin.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="sysin">
                                    SYStem INside
                                </div>
                                <div class="desc">Data Center: System, Platform & Application Delivery</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://macapp.org.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="sysin">
                                    MacApp分享频道
                                </div>
                                <div class="desc">精品Mac软件分享</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.imacso.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="macbox">
                                    麦氪搜
                                </div>
                                <div class="desc">麦氪搜iMacSO.com，我们致力于让您的Mac更有价值 ！</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 苹果end -->

                <!-- iOS -->
                <div class="box">
                    <a href="#" name="ios"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-ios"></i>iOS</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://appwall.today/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="appwall">
                                    AppWall
                                </div>
                                <div class="desc">AppWall</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tutuapp.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="hdpfans">
                                    兔兔App
                                </div>
                                <div class="desc">兔兔App</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- iOS end -->

                <!-- Android -->
                <div class="box">
                    <a href="#" name="android"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-android"></i>Android</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://developer.android.google.cn/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="androiddev">
                                    Android Developer
                                </div>
                                <div class="desc">安卓开发者官网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://developers.google.com/android/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="androiddev">
                                    Android ROM
                                </div>
                                <div class="desc">Android ROM</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.androidchina.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="androidchina">
                                    Android China
                                </div>
                                <div class="desc">Android中国开发者</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.android-studio.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="asorg">
                                    安卓下载
                                </div>
                                <div class="desc">安卓下载</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://ibotpeaches.github.io/Apktool/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="apktool">
                                    ApkTool
                                </div>
                                <div class="desc">ApkTool</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://flutter.dev/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="flutter">
                                    Flutter
                                </div>
                                <div class="desc">Flutter</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://system.data.sqlite.org/index.html/doc/trunk/www/index.wiki">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="sqlite">
                                    SQLite
                                </div>
                                <div class="desc">SQLite</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://github.com/sqlitebrowser">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="sqlitebrowser">
                                    SQLite Browser
                                </div>
                                <div class="desc">SQLite Browser</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://f-droid.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fdroid">
                                    FDroid
                                </div>
                                <div class="desc">FOSS(Free and Open Source Software，自由开源软件)的目录</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://forum.ucweb.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="ucweb">
                                    UC Browser
                                </div>
                                <div class="desc">UC Browser</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.shafa.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="shafa">
                                    沙发管家
                                </div>
                                <div class="desc">千万家庭信赖的电视应用市场</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.yxssp.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="yxssp">
                                    异星软件
                                </div>
                                <div class="desc">异星软件空间</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.airdroid.com/zh-cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="airdroid">
                                    AirDroid
                                </div>
                                <div class="desc">远程移动办公管理设备</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://uptodownapk.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fdroid">
                                    Up to down
                                </div>
                                <div class="desc">Up to down</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://twrp.me/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fdroid">
                                    twrp
                                </div>
                            <div class="desc">刷机工具</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- Android end -->

                <!-- 软件 -->
                <div class="box">
                    <a href="#" name="software"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-ruanjian-"></i>软件</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://weixin.qq.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wechat">
                                    微信
                                </div>
                                <div class="desc">微信下载</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tvapk.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="tvapk">
                                    电视家网
                                </div>
                                <div class="desc">免费电视直播软件</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.tvhuan.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="tvhuan">
                                    欢视网
                                </div>
                                <div class="desc">小商店，大世界，tv应用商店</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://subversion.apache.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="subversion">
                                    SubVersion
                                </div>
                                <div class="desc">SubVersion</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tortoisesvn.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="tortoisesvn">
                                    TortosiseSVN
                                </div>
                                <div class="desc">SVN管理软件</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.visualsvn.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="visualsvn">
                                    SVN for Visual
                                </div>
                                <div class="desc">SVN for Visual</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.eclipse.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="eclipse">
                                    Eclipse
                                </div>
                                <div class="desc">Develop Tool</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.giveawayoftheday.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="giveawayoftheday">
                                    Giveaway of the day
                                </div>
                                <div class="desc">Every day we offer FREE licensed software you’d have to buy otherwise</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.portablesoft.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="portablesoft">
                                    绿色资源网
                                </div>
                                <div class="desc">免费分享绿色软件</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jetbrains.com/idea/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="jetbrains">
                                    idea
                                </div>
                                <div class="desc">Jetbrains develop tool</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.idejihuo.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="idejihuo">
                                    idea激活
                                </div>
                                <div class="desc">支持最新版本IntelliJ IDEA、PyCharm等激活</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tmioe.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="tmioe">
                                    ZA Pro
                                </div>
                                <div class="desc">ZA Pro</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.google.cn/chrome/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="chrome">
                                    Google
                                </div>
                                <div class="desc">谷歌浏览器</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.microsoft.com/en-us/edge/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="edge">
                                    Edge
                                </div>
                                <div class="desc">微软edge浏览器</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.dayanzai.me/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="dayanzai">
                                    大眼仔
                                </div>
                                <div class="desc">大眼仔</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://code.visualstudio.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="macoffice">
                                    vs code
                                </div>
                                <div class="desc">微软编辑器</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.chromefor.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="chromefor">
                                    谷歌插件
                                </div>
                                <div class="desc">谷歌浏览器插件下载中心</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://chrome.zzzmh.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="zzzmh">
                                    极简插件
                                </div>
                                <div class="desc">谷歌浏览器插件下载</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.fancynode.com.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fancynode">
                                    FancyNode
                                </div>
                                <div class="desc">设计软件</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mydockfinder.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="mydockfinder">
                                    My Dock Finder
                                </div>
                                <div class="desc">windows仿苹果</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.getkmspico.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="kmspico">
                                    KMP Pico
                                </div>
                                <div class="desc">windows激活工具</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.xitmi.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="xitmi">
                                    系统迷
                                </div>
                                <div class="desc">聚焦互联网，分享精品资源</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.remotemouse.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fedora">
                                    Remote Mouse
                                </div>
                                <div class="desc">将你的手机或平板变成一套好用的电脑遥控器</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://caddyserver.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="caddy">
                                    Caddy
                                </div>
                                <div class="desc">好用的服务</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.rsdown.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="rsdown">
                                    红软基地
                                </div>
                                <div class="desc">您身边放心的安全下载站</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.lookae.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="jsjyybs">
                                    LookAE
                                </div>
                                <div class="desc">资源分享</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ieway.cn/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="ieway">
                                    一唯科技
                                </div>
                                <div class="desc">Ev录屏</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.htcp.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="htcp">
                                    云梦小站
                                </div>
                                <div class="desc">云梦小站，资源分享</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.hezibuluo.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="hezibuluo">
                                    盒子部落
                                </div>
                                <div class="desc">盒子部落</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://letsview.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="letsview">
                                    幕享
                                </div>
                                <div class="desc">免费无线投屏</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://spacedesk.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="spacedesk">
                                    Space Desk
                                </div>
                                <div class="desc">windows软件</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.deeprd.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="deeprd">
                                    蓝莓投屏
                                </div>
                                <div class="desc">蓝莓投屏</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://free.apprcn.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="apprcn">
                                    反斗限免
                                </div>
                                <div class="desc">反斗限免</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.huiyizhuo.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="huiyizhuo">
                                    会议桌
                                </div>
                                <div class="desc">分布式在线协同办公</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://danboxingqiu.gitee.io/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="danboxingqiu">
                                    蛋播星球
                                </div>
                                <div class="desc">在线视频软件</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://mergeek.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="mergeek">
                                    MerGeek
                                </div>
                                <div class="desc">MerGeek</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.yikurj.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="yikurj">
                                    易酷软件
                                </div>
                                <div class="desc">易酷软件</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://fsylr.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fsylr">
                                    发烧友绿软
                                </div>
                                <div class="desc">发烧友绿软</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.gopojie.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="gopojie">
                                    Go破解
                                </div>
                                <div class="desc">Go破解</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://swh.app/zh">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="switchhost">
                                    Switch Hosts
                                </div>
                                <div class="desc">host管理软件</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 软件end -->

                <!-- 搜索 -->
                <div class="box">
                    <a href="#" name="search"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-sousuo"></i>搜索</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.google.com.hk/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="googlesearch">
                                    谷歌搜索-香港
                                </div>
                                <div class="desc">谷歌搜索-香港</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.soso.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="soso">
                                    腾讯搜搜
                                </div>
                                <div class="desc">腾讯搜索</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.so.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="so360">
                                    360搜索
                                </div>
                                <div class="desc">360搜索</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.pansou.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="pansou">
                                    盘搜
                                </div>
                                <div class="desc">网盘资源搜索</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ecosia.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="ecosia">
                                    Ecosia
                                </div>
                                <div class="desc">Ecosia</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.soupan.info/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="soupan">
                                    搜盘网
                                </div>
                                <div class="desc">搜盘网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://magi.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="magi">
                                    Magi
                                </div>
                                <div class="desc">magi</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mmkk.me/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="mmkkme">
                                    MMKK搜图
                                </div>
                                <div class="desc">MMKK搜图</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.wuzhuiso.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wuzhuiso">
                                    无追搜索
                                </div>
                                <div class="desc">无追搜索</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://fsoufsou.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="fsoufsou">
                                    Fsousou
                                </div>
                                <div class="desc">Fsousou</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 搜索end -->

                <!-- 开发社区 -->
                <div class="box">
                    <a href="#" name="bbs"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-shequ"></i>开发社区</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://blog.csdn.net/">
                            <div class="item">
                                <div class="logo"><img src="img/csdn.ico" alt="CNDS">
                                    CNDS
                                </div>
                                <div class="desc">中国最大的IT社区和服务平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://juejin.im/">
                            <div class="item">
                                <div class="logo"><img src="img/gold-favicon.png" alt="掘金">
                                    掘金
                                </div>
                                <div class="desc">只有高手分享的中文技术社区</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://github.com/">
                            <div class="item">
                                <div class="logo"><img src="img/github.ico" alt="github">
                                    github
                                </div>
                                <div class="desc">面向开源及私有软件项目的git托管平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://gitee.com/">
                            <div class="item">
                                <div class="logo"><img src="img/github.ico" alt="gitee">
                                    gitee
                                </div>
                                <div class="desc">OSCHINA.NET推出的代码托管平台,支持Git和SVN,提供免费的私有仓库托管</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://stackoverflow.com/">
                            <div class="item">
                                <div class="logo"><img src="img/stackoverflow.ico" alt="stackoverflow">
                                    stackoverflow
                                </div>
                                <div class="desc">国外编程相关的IT技术问答网站</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://stackexchange.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="stackexchange">
                                    Hot Questions
                                </div>
                                <div class="desc">一系列问答网站，每一个网站包含不同领域的问题</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://segmentfault.com/">
                            <div class="item">
                                <div class="logo"><img src="img/segmentfault.ico" alt="segmentfault">
                                    segmentfault
                                </div>
                                <div class="desc">一个专注于解决编程问题，提高开发技能的社区</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zhihu.com/">
                            <div class="item">
                                <div class="logo"><img src="img/zhihu.ico" alt="知乎">
                                    知乎
                                </div>
                                <div class="desc">与世界分享你的知识、经验和见解与世界分享你的知识、经验和见解</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.cnblogs.com/">
                            <div class="item">
                                <div class="logo"><img src="img/cnblogs.ico" alt="博客园">
                                    博客园
                                </div>
                                <div class="desc">博客模式的技术分享社区</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.oschina.net/">
                            <div class="item">
                                <div class="logo"><img src="img/oschina.ico" alt="开源中国">
                                    开源中国
                                </div>
                                <div class="desc">
                                    <div class="info">
                                        目前中国最大的开源技术社区
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.v2ex.com/">
                            <div class="item">
                                <div class="logo"><img src="img/v2ex.png" alt="V2EX">
                                    V2EX
                                </div>
                                <div class="desc">一个关于分享和探索的地方</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://coding.net/">
                            <div class="item">
                                <div class="logo"><img src="img/coding.png" alt="Coding">
                                    Coding
                                </div>
                                <div class="desc">中国最大的git平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://bitbucket.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="infoq">
                                    BitBucket
                                </div>
                                <div class="desc">源代码托管网站，采用Mercurial和Git作为分布式版本控制系统，同时提供商业计划和免费账户</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.hicxy.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="hicxy">
                                    程序员社区
                                </div>
                                <div class="desc">IntellIj IDEA 2021.3激活教程</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.51cto.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="51cto">
                                    51CTO
                                </div>
                                <div class="desc">中国领先的IT技术在线学习平台和中国最大的IT技术社区之一</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jikexueyuan.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="jike">
                                    极客学院
                                </div>
                                <div class="desc">国内领先的IT在线咨询及教育平台，持续以高质量IT学习体系，培养面向未来的数字化人才</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.cocoachina.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="cocoachina">
                                    CocoaChina
                                </div>
                                <div class="desc">一站式开发者成长社区</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.51aspx.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="51aspx">
                                    源码服务专家
                                </div>
                                <div class="desc">AspNet源码</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.gitbook.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="gitbook">
                                    gitbook
                                </div>
                                <div class="desc">gitbook</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.itpub.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="itpub">
                                    ITPUB
                                </div>
                                <div class="desc">国内最大的以技术交流为主的的论坛网站之一</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jb51.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="jb51">
                                    脚本之家
                                </div>
                                <div class="desc">国内专业的网站建设资源、脚本编程学习类网站</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.infoq.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="infoq">
                                    InfoQ
                                </div>
                                <div class="desc">实践驱动的社区资讯站点,致力于促进软件开发及相关领域知识与创新的传播</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.open-open.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="open2">
                                    深度开源
                                </div>
                                <div class="desc">发觉开源价值</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://yuncode.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="yuncode">
                                    云代码
                                </div>
                                <div class="desc">云代码</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.codeproject.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="codeproject">
                                    CodeProject
                                </div>
                                <div class="desc">IT技术分享社区</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://thetechnocafe.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="thetechnocafe">
                                    The Techno Cafe
                                </div>
                                <div class="desc">科技咖啡馆</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://developers.googleblog.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="googleblog">
                                    Google Blog
                                </div>
                                <div class="desc">谷歌博客</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://open.alipay.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="alipay">
                                    支付宝开放平台
                                </div>
                                <div class="desc">蚂蚁金服开发平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://cloud.tencent.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="cloundtencent">
                                    腾讯云
                                </div>
                                <div class="desc">腾讯云</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://open.tencent.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="opentencent">
                                    腾讯开放平台
                                </div>
                                <div class="desc">腾讯开发者平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://open.weixin.qq.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="openwechat">
                                    微信开放平台
                                </div>
                                <div class="desc">微信开发者平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://apis.baidu.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="baiduapis">
                                    百度智能云
                                </div>
                                <div class="desc">微信开发者平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://open.weibo.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="opensina">
                                    微博开放平台
                                </div>
                                <div class="desc">新浪微博开发者平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.sinacloud.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="cloudsina">
                                    新浪云
                                </div>
                                <div class="desc">新浪云平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.umeng.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="umeng">
                                    友盟
                                </div>
                                <div class="desc">友盟开发者平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jiguang.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="jpush">
                                    极光推送
                                </div>
                                <div class="desc">极光推送开发者平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.xfyun.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="xfyun">
                                    讯飞
                                </div>
                                <div class="desc">科大讯飞开发者ai平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mob.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="mob">
                                    袤博
                                </div>
                                <div class="desc">Mob开发者广告联盟平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://gitee.com/facecore">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="facecore">
                                    FaceCore
                                </div>
                                <div class="desc">人脸识别</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://open.youtu.qq.com/#/open">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="youtu">
                                    腾讯优图
                                </div>
                                <div class="desc">腾讯优图ai开放平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.faceplusplus.com.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="faceplus">
                                    Face++
                                </div>
                                <div class="desc">旷视Face++人工智能开放平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.arcsoft.com.cn/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="arcsoft">
                                    虹软识别
                                </div>
                                <div class="desc">虹软视觉开放平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.52im.net/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="52im">
                                    即时通讯网
                                </div>
                                <div class="desc">IM开发者社区</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.entboost.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="entboost">
                                    恩布互联
                                </div>
                                <div class="desc">恩布互联IM</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.yuntongxun.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="yuntongxun">
                                    容联云
                                </div>
                                <div class="desc">智能云通讯服务专家</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.rongcloud.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="rongcloud">
                                    融云
                                </div>
                                <div class="desc">即时通讯、实时音视频</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.easemob.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="easemob">
                                    环信
                                </div>
                                <div class="desc">环信全球消息云-互联网的消息基础设施</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.anychat.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="anychat">
                                    AnyChat
                                </div>
                                <div class="desc">一站式音视频生态系统解决方案</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://gitee.com/mirrors/vitamio">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="vitamio">
                                    Vitamio
                                </div>
                                <div class="desc">多媒体开发框架</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://jfinal.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="jfinal">
                                    JFinal
                                </div>
                                <div class="desc">极速开发框架</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jeesite.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="jeesite">
                                    JeeSite
                                </div>
                                <div class="desc">Java快速开发平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://material-io.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="material">
                                    Material Design
                                </div>
                                <div class="desc">Android开发设计</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.easyar.cn/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="easyar">
                                    Easy AR
                                </div>
                                <div class="desc">AR云方案</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.xuanyusong.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="unity3d">
                                    Unity3D
                                </div>
                                <div class="desc">Unity3D学习</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.runoob.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="runoob">
                                    Runoob
                                </div>
                                <div class="desc">学习资料</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.anjian.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="anjian">
                                    按键精灵
                                </div>
                                <div class="desc">受欢迎的键盘鼠标模拟软件</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.sqlite.org/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="anjian">
                                    SQLite3
                                </div>
                                <div class="desc">SQLite3数据库</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://developer.qiniu.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="qiniu">
                                    七牛开发者中心
                                </div>
                                <div class="desc">七牛开发者中心</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.wilddog.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="wilddog">
                                    WebRTC
                                </div>
                                <div class="desc">实时通讯</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://webrtc.org.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="webrtc">
                                    WebRTC
                                </div>
                                <div class="desc">实时通讯</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://jiagu.360.cn/#/global/index">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="jiagu360">
                                    360加固宝
                                </div>
                                <div class="desc">为应用提供安全可靠的保护及服务</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://x5.tencent.com/tbs/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="tbs">
                                    TBS腾讯浏览服务
                                </div>
                                <div class="desc">依托X5内核强大的能力，致力于提供优化移动端浏览体验的整套解决方案</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://github.com/crosswalk-project">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="crosswalk">
                                    Crosswalk
                                </div>
                                <div class="desc">Crosswalk</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.aliyun.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="aliyun">
                                    阿里云
                                </div>
                                <div class="desc">阿里云平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.harmonyos.com/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="harmonyos">
                                    鸿蒙开发者
                                </div>
                                <div class="desc">HarmonyOS开发者平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://developers.google.cn/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="googledev">
                                    谷歌开发者
                                </div>
                                <div class="desc">谷歌开发者平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://firebase.google.cn/docs/admob/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="admob">
                                    Admob
                                </div>
                                <div class="desc">一个助您通过应用实现创收的移动广告平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://gradle.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="admob">
                                    Gradle
                                </div>
                                <div class="desc">一个基于Apache Ant和Apache Maven概念的项目自动化构建开源工具</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://services.gradle.org/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="admob">
                                    Gradle下载
                                </div>
                                <div class="desc">Gradle下载地址</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://bbs.sangfor.com.cn/vpnsdk/">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="sangforsdk">
                                    深信服SDK
                                </div>
                                <div class="desc">移动终端，安全、快速地接入内网业务系统，满足用户移动办公的需求</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://lbs.tianditu.gov.cn/home.html">
                            <div class="item">
                                <div class="logo"><img src="img/default.png" alt="tianditu">
                                    天地图
                                </div>
                                <div class="desc">开源地图相关服务api</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 开发社区end -->

                <!-- 技术博客 -->
                <div class="box">
                    <a href="#" name="sill"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-face"></i>技术博客</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://www.alloyteam.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/alloyteam-favicon.jpg" alt="腾讯 AlloyTeam 团队">
                                    腾讯 AlloyTeam 团队
                                </div>
                                <div class="desc">腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://isux.tencent.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/isux-favicon.jpg" alt="ISUX">
                                    ISUX
                                </div>
                                <div class="desc">腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://fex.baidu.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/fex-favicon.png">
                                    FEX
                                </div>
                                <div class="desc">
                                    百度Web前端研发部出品
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="http://taobaofed.org/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/fed-favicon.png">
                                    淘宝前端团队（FED）
                                </div>
                                <div class="desc">
                                    用技术为体验提供无限可能
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://aotu.io/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/aotu-favicon.png">
                                    凹凸实验室
                                </div>
                                <div class="desc">
                                    京东用户体验设计部出品
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://75team.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/75team-favicon.png">
                                    奇舞团
                                </div>
                                <div class="desc">
                                    奇虎360旗下前端开发团队出品
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="http://efe.baidu.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/efe-favicon.png">
                                    EFE
                                </div>
                                <div class="desc">
                                    由百度多个遵循统一技术体系的前端团队所组成
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://kotlinlang.org/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    kotlin
                                </div>
                                <div class="desc">
                                    开发语言
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://p.codekk.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    源码解析
                                </div>
                                <div class="desc">
                                    源码解析
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://developer.android.com/reference/tools/gradle-api">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    Gradle API
                                </div>
                                <div class="desc">
                                    Gradle API
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://developers.arcgis.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    ArcGis开发者
                                </div>
                                <div class="desc">
                                    ArcGis开发者
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://maptalks.org/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    MapTalks
                                </div>
                                <div class="desc">
                                    基于WebGL的三维地图js库
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mapbox.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    MapBox
                                </div>
                                <div class="desc">
                                    致力于打造全球最漂亮的个性化地图
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://cordova.apache.org/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    Cordova
                                </div>
                                <div class="desc">
                                    跨平台开发
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tensorflow.google.cn/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    TensorFlow
                                </div>
                                <div class="desc">
                                    直接在浏览器中运行 Colab 笔记本来快速上手
                                </div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 技术博客end -->

                <!-- 参考文档 -->
                <div class="box">
                    <a href="" name="docs"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-icon_bangzhuwendang"></i>参考文档</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://jquery.cuishifeng.cn/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/jquery.png" alt="jQuery"> jQuery</div>
                                <div class="desc">优秀的JavaScript代码库</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://v4.bootcss.com/">
                            <div class="item">
                                <div class="logo"><img src="img/bootstrap-favicon.png" alt="Bootstrap"> Bootstrap</div>
                                <div class="desc">基于HTML/CSS/Javscript的前端框架</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://v3.bootcss.com/">
                            <div class="item">
                                <div class="logo"><img src="img/vue-favicon.png" alt="Vue.js"> Vue.js</div>
                                <div class="desc">构建数据驱动的web界面的渐进式框架</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 参考文档end -->

                <!-- 实用工具 -->
                <div class="box">
                    <a href="" name="tools"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-icongongju"></i>实用工具</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://www.uupoop.com/">
                            <div class="item">
                                <div class="no-logo">在线PS</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dummyimage.com/">
                            <div class="item">
                                <div class="no-logo">动态图像生成器</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://xiuxiu.web.meitu.com/main.html">
                            <div class="item">
                                <div class="no-logo">美图秀秀在线图片处理</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://cli.im/deqr">
                            <div class="item">
                                <div class="no-logo">二维码在线生成</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zybuluo.com/mdeditor">
                            <div class="item">
                                <div class="no-logo">Markdown在线编辑器</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://dwz.wailian.work/">
                            <div class="item">
                                <div class="no-logo">短网址生成</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://translate.google.cn/">
                            <div class="item">
                                <div class="no-logo">谷歌翻译</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.deepl.com/translator">
                            <div class="item">
                                <div class="no-logo">DeepL翻译</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.yueyv.cn/">
                            <div class="item">
                                <div class="no-logo">粤语翻译</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://note.youdao.com/">
                            <div class="item">
                                <div class="no-logo">有道云笔记</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.chinaz.com/">
                            <div class="item">
                                <div class="no-logo">站长之家</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tool.oschina.net/">
                            <div class="item">
                                <div class="no-logo">OSChina工具</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.notion.so/">
                            <div class="item">
                                <div class="no-logo">Notion</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.yinxiang.com/">
                            <div class="item">
                                <div class="no-logo">印象笔记</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://shimo.im/">
                            <div class="item">
                                <div class="no-logo">石墨</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.json.cn/">
                            <div class="item">
                                <div class="no-logo">JSON格式化</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.sojson.com/">
                            <div class="item">
                                <div class="no-logo">JSON在线</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.bejson.com/">
                            <div class="item">
                                <div class="no-logo">BEJSON</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://postwoman.io/">
                            <div class="item">
                                <div class="no-logo">PostMan</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://cloudconvert.com/">
                            <div class="item">
                                <div class="no-logo">Cloud Convert</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://pixlr.com/cn/">
                            <div class="item">
                                <div class="no-logo">pixlr图像处理</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.processon.com/">
                            <div class="item">
                                <div class="no-logo">Processon流程图</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://gitmind.cn/">
                            <div class="item">
                                <div class="no-logo">GitMind-思维导图</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://mubu.com/home">
                            <div class="item">
                                <div class="no-logo">幕布</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://modao.cc/">
                            <div class="item">
                                <div class="no-logo">墨刀原型</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://lanhuapp.com/">
                            <div class="item">
                                <div class="no-logo">蓝湖</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://chartcube.alipay.com/">
                            <div class="item">
                                <div class="no-logo">图表魔方</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.1checker.com/Home/Index">
                            <div class="item">
                                <div class="no-logo">易改</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.polaxiong.com/">
                            <div class="item">
                                <div class="no-logo">泼辣修图</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.flvcd.com/index.htm">
                            <div class="item">
                                <div class="no-logo">硕鼠</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.videograbber.net/zh/">
                            <div class="item">
                                <div class="no-logo">在线视频下载</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://funp.in/">
                            <div class="item">
                                <div class="no-logo">方片-一键收集</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://clipchamp.com/en/">
                            <div class="item">
                                <div class="no-logo">视频剪切</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://showmore.com/zh/">
                            <div class="item">
                                <div class="no-logo">免费录屏</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ssleye.com/">
                            <div class="item">
                                <div class="no-logo">SSL</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.instaloadgram.com/">
                            <div class="item">
                                <div class="no-logo">InstaLoadGram</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://ins.popmars.com/">
                            <div class="item">
                                <div class="no-logo">Ins下载</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://wannengrun.com/zh/">
                            <div class="item">
                                <div class="no-logo">万能命令</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://2tool.top/">
                            <div class="item">
                                <div class="no-logo">网页快照</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ip138.com/">
                            <div class="item">
                                <div class="no-logo">查询网-ip等</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.baiduyun.wiki/">
                            <div class="item">
                                <div class="no-logo">油小猴-百度网盘下载</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tuya.xinxiao.tech/">
                            <div class="item">
                                <div class="no-logo">图压</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.remove.bg/">
                            <div class="item">
                                <div class="no-logo">图片背景消除</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://picwish.cn/">
                            <div class="item">
                                <div class="no-logo">佐糖-在线ai抠图</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://pearocr.com/">
                            <div class="item">
                                <div class="no-logo">PearOCR文字识别</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://qingtu.cn/">
                            <div class="item">
                                <div class="no-logo">清图-图片放大</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 实用工具end -->

                <!-- 设计资源 -->
                <div class="box">
                    <a href="" name="design"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-caozuo"></i>设计资源</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://www.uigreat.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/uigreat-favicon.jpg">
                                    UIGREAT
                                </div>
                                <div class="desc">
                                    优秀设计师的贴心伴侣。
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="http://huaban.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/huaban-favicon.png">
                                    花瓣
                                </div>
                                <div class="desc">
                                    花瓣，陪你做生活的设计师。
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dribbble.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/dribbble-favicon.png">
                                    Dribbble
                                </div>
                                <div class="desc">
                                    设计作品的交流平台
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.behance.net/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/behance-favicon.png">
                                    Behance
                                </div>
                                <div class="desc">
                                    系列设计作品开放平台
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.pinterest.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/pinterest-favicon.png">
                                    Pinterest
                                </div>
                                <div class="desc">
                                    图片分享类的社交网站
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.zcool.com.cn/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/zcool-favicon.jpg">
                                    站酷
                                </div>
                                <div class="desc">
                                    打开站酷,发现更好的设计!
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://thefwa.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/thefwa-favicon.png">
                                    FWA
                                </div>
                                <div class="desc">
                                    互动多媒体网站收录平台
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.fotor.com.cn/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    懒设计
                                </div>
                                <div class="desc">
                                    懒设计
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.gaoding.com/">
                            <div class="item">
                                <div class="logo">
                                    <img src="img/default.png">
                                    稿定设计
                                </div>
                                <div class="desc">
                                    稿定设计、抠图
                                </div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 设计资源end -->

                <!-- 学无止境 -->
                <div class="box">
                    <a href="#" name="study"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-xuexi"></i>学无止境</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://yz.chsi.com.cn/">
                            <div class="item">
                                <div class="no-logo">学信网</div>
                                <div class="desc">学信网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.w3cschool.cn/">
                            <div class="item">
                                <div class="no-logo">w3cschool</div>
                                <div class="desc">学编程，从W3cschool开始</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.imooc.com/">
                            <div class="item">
                                <div class="no-logo">慕课网</div>
                                <div class="desc">程序员的梦工厂</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://study.163.com/">
                            <div class="item">
                                <div class="no-logo">网易云课堂</div>
                                <div class="desc">网易公司研发的一款大型在线教育平台服务</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://weread.qq.com/">
                            <div class="item">
                                <div class="no-logo">微信读书</div>
                                <div class="desc">微信读书</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 学无止境end -->

                <!-- 网络运营 -->
                <div class="box">
                    <a href="" name="operation"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-yunyinggongzuotai"></i>网络运营</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://mp.weixin.qq.com/">
                            <div class="item">
                                <div class="no-logo">微信公众平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.toutiao.com/">
                            <div class="item">
                                <div class="no-logo">今日头条号</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jianshu.com/">
                            <div class="item">
                                <div class="no-logo">简书</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://mp.dayu.com/">
                            <div class="item">
                                <div class="no-logo">UC大鱼号</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://baijiahao.baidu.com/builder/author/register/index">
                            <div class="item">
                                <div class="no-logo">百度百家号</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.weibo.com/login.php">
                            <div class="item">
                                <div class="no-logo">新浪微博</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://om.qq.com/userAuth/index">
                            <div class="item">
                                <div class="no-logo">腾讯企鹅号</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://110.qq.com/">
                            <div class="item">
                                <div class="no-logo">腾讯110</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://connect.qq.com/index.html">
                            <div class="item">
                                <div class="no-logo">QQ互联-授权管理</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://id.163.com/mail/index.html#/email">
                            <div class="item">
                                <div class="no-logo">网易安全</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.douban.com/">
                            <div class="item">
                                <div class="no-logo">豆瓣</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://wx.qq.com/">
                            <div class="item">
                                <div class="no-logo">微信-网页版</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.instagram.com/">
                            <div class="item">
                                <div class="no-logo">Instagram</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.pixwox.com/zh-hans/">
                            <div class="item">
                                <div class="no-logo">PixWax-IGsee</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.facebook.com/">
                            <div class="item">
                                <div class="no-logo">Facebook</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 网络运营end -->

                <!-- 服务 -->
                <div class="box">
                    <a href="" name="service"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-fuwu_o"></i>服务</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.360.cn/">
                            <div class="item">
                                <div class="no-logo">360</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.aliyundrive.com/">
                            <div class="item">
                                <div class="no-logo">阿里云盘</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://yun.139.com/">
                            <div class="item">
                                <div class="no-logo">中国移动云盘</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://pan.baidu.com/">
                            <div class="item">
                                <div class="no-logo">百度网盘</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://pan.xunlei.com/">
                            <div class="item">
                                <div class="no-logo">迅雷网盘</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jianguoyun.com/">
                            <div class="item">
                                <div class="no-logo">坚果云</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.icloud.com/">
                            <div class="item">
                                <div class="no-logo">iCloud</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://plus.google.com/collections/featured">
                            <div class="item">
                                <div class="no-logo">Google+</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.samsung.com/cn/">
                            <div class="item">
                                <div class="no-logo">三星</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://i.mi.com/">
                            <div class="item">
                                <div class="no-logo">小米云服务</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://szfilehelper.weixin.qq.com/">
                            <div class="item">
                                <div class="no-logo">微信文件传输</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.xender.com/">
                            <div class="item">
                                <div class="no-logo">Xender-文件传输</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://es.vivo.com.cn/">
                            <div class="item">
                                <div class="no-logo">互传-vivo</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ppzhilian.com/">
                            <div class="item">
                                <div class="no-logo">PP直连</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.pushbullet.com/">
                            <div class="item">
                                <div class="no-logo">PushBullet</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://web.airdroid.com/">
                            <div class="item">
                                <div class="no-logo">Airdroid</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.beidou.gov.cn/">
                            <div class="item">
                                <div class="no-logo">北斗导航</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.cowtransfer.com/">
                            <div class="item">
                                <div class="no-logo">奶牛快传</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://snapdrop.net/">
                            <div class="item">
                                <div class="no-logo">SnapDrop</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://drop.ioiox.com/">
                            <div class="item">
                                <div class="no-logo">SnapDropCN</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 服务end -->

                <!-- 金融 -->
                <div class="box">
                    <a href="" name="finance"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-jinrong"></i>金融</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.alipay.com/">
                            <div class="item">
                                <div class="no-logo">支付宝</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.wangyin.com/">
                            <div class="item">
                                <div class="no-logo">京东钱包</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.baifubao.com/">
                            <div class="item">
                                <div class="no-logo">百度支付</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.chinastock.com.cn/">
                            <div class="item">
                                <div class="no-logo">银河证券</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.shdjt.com/">
                            <div class="item">
                                <div class="no-logo">散户大家庭</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://upsort.com/">
                            <div class="item">
                                <div class="no-logo">UpSort</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.10jqka.com.cn/">
                            <div class="item">
                                <div class="no-logo">同花顺</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 金融end -->

                <!-- 在线商城 -->
                <div class="box">
                    <a href="" name="shopping"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-gouwu"></i>购物</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://best.pconline.com.cn/">
                            <div class="item">
                                <div class="no-logo">今日聚超值</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.manmanbuy.com/">
                            <div class="item">
                                <div class="no-logo">慢慢买</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.lapin365.com/">
                            <div class="item">
                                <div class="no-logo">辣品</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.smzdm.com/">
                            <div class="item">
                                <div class="no-logo">天霸</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zhizhizhi.com/">
                            <div class="item">
                                <div class="no-logo">值值值</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mi.com/">
                            <div class="item">
                                <div class="no-logo">小米-mi</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.fanli.com/">
                            <div class="item">
                                <div class="no-logo">返利网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.etao.com/">
                            <div class="item">
                                <div class="no-logo">一淘</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jd.com/">
                            <div class="item">
                                <div class="no-logo">京东</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.taobao.com/">
                            <div class="item">
                                <div class="no-logo">淘宝</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tmall.com/">
                            <div class="item">
                                <div class="no-logo">天猫</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.suning.com/">
                            <div class="item">
                                <div class="no-logo">苏宁易购</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.amazon.cn/">
                            <div class="item">
                                <div class="no-logo">亚马逊</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://jumei.com/">
                            <div class="item">
                                <div class="no-logo">聚美优品</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.xiaomiyoupin.com/">
                            <div class="item">
                                <div class="no-logo">小米有品</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.kaola.com/">
                            <div class="item">
                                <div class="no-logo">考拉海购</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.lifevc.com/">
                            <div class="item">
                                <div class="no-logo">丽芙家福</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.damai.cn/">
                            <div class="item">
                                <div class="no-logo">大麦网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ikea.com/">
                            <div class="item">
                                <div class="no-logo">宜家</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.okhqb.com/">
                            <div class="item">
                                <div class="no-logo">华强北</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.12306.cn/">
                            <div class="item">
                                <div class="no-logo">12306</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.trip8080.com/">
                            <div class="item">
                                <div class="no-logo">畅途网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.tuniu.com/">
                            <div class="item">
                                <div class="no-logo">途牛</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.qunar.com/">
                            <div class="item">
                                <div class="no-logo">去哪儿</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://meituan.com/">
                            <div class="item">
                                <div class="no-logo">美团</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.dianping.com/">
                            <div class="item">
                                <div class="no-logo">大众点评</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.agoda.cn/">
                            <div class="item">
                                <div class="no-logo">雅高达</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.booking.com/">
                            <div class="item">
                                <div class="no-logo">Booking</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://lmdn.co.uk/">
                            <div class="item">
                                <div class="no-logo">LMDN</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.myprotein.cn/">
                            <div class="item">
                                <div class="no-logo">MyProtein</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.hm.com.cn/">
                            <div class="item">
                                <div class="no-logo">H&M</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zara.com/">
                            <div class="item">
                                <div class="no-logo">Zara</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.pullandbear.cn/">
                            <div class="item">
                                <div class="no-logo">Pull&Bear</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.cosstores.cn/">
                            <div class="item">
                                <div class="no-logo">Cos</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 在线商城end -->

                <!-- 工作 -->
                <div class="box">
                    <a href="" name="job"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-gongzuobao"></i>工作</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.51job.com/">
                            <div class="item">
                                <div class="no-logo">前程无忧</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.lagou.com/">
                            <div class="item">
                                <div class="no-logo">拉钩</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zhaopin.com/">
                            <div class="item">
                                <div class="no-logo">智联招聘</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://c.liepin.com/">
                            <div class="item">
                                <div class="no-logo">猎聘</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.chinahr.com/">
                            <div class="item">
                                <div class="no-logo">中华英才网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.linkedin.cn/">
                            <div class="item">
                                <div class="no-logo">领英</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zhipin.com/">
                            <div class="item">
                                <div class="no-logo">Boss</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://zbj.com/">
                            <div class="item">
                                <div class="no-logo">猪八戒</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jd.com/">
                            <div class="item">
                                <div class="no-logo">程序员客栈</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://kuaimacode.com/">
                            <div class="item">
                                <div class="no-logo">快码</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://codemart.com/">
                            <div class="item">
                                <div class="no-logo">码市</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://zb.oschina.net/">
                            <div class="item">
                                <div class="no-logo">开源众包</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mayigeek.com/">
                            <div class="item">
                                <div class="no-logo">码易</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.rrkf.com/">
                            <div class="item">
                                <div class="no-logo">人人开发</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.kaifabang.com/">
                            <div class="item">
                                <div class="no-logo">开发邦</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 工作end -->

                <!-- 游戏 -->
                <div class="box">
                    <a href="" name="game"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-airudiantubiaohuizhi-zhuanqu_youxi"></i>游戏</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://www.uuu9.com/">
                            <div class="item">
                                <div class="no-logo">游久网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://store.steampowered.com/">
                            <div class="item">
                                <div class="no-logo">Steam</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.douyu.com/">
                            <div class="item">
                                <div class="no-logo">斗鱼</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dianliang521.github.io/zhuye32/index.html">
                            <div class="item">
                                <div class="no-logo">聚合</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 游戏end -->

                <!-- 直播 -->
                <div class="box">
                    <a href="" name="live"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-zhibo"></i>直播</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.cctv.com/">
                            <div class="item">
                                <div class="no-logo">CNTV</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tv.cctv.com/">
                            <div class="item">
                                <div class="no-logo">央视无插件</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.cutv.com/">
                            <div class="item">
                                <div class="no-logo">城市联合网络电视台</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://news.hbtv.com.cn/">
                            <div class="item">
                                <div class="no-logo">长江云-湖北</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.whtv.com.cn/">
                            <div class="item">
                                <div class="no-logo">黄鹤云-武汉</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.wasu.cn/">
                            <div class="item">
                                <div class="no-logo">华数TV</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tvb.com/">
                            <div class="item">
                                <div class="no-logo">TVB</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.zhibo8.cc/">
                            <div class="item">
                                <div class="no-logo">直播吧</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.azhibo.com/">
                            <div class="item">
                                <div class="no-logo">A直播</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://70zhibo.com/#/">
                            <div class="item">
                                <div class="no-logo">70直播网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://m.iptv222.com/">
                            <div class="item">
                                <div class="no-logo">电视直播</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.hbzb666.com/">
                            <div class="item">
                                <div class="no-logo">黑白直播</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 直播end -->

                <!-- 影视 -->
                <div class="box">
                    <a href="" name="television"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-yingshi"></i>影视</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.youku.com/">
                            <div class="item">
                                <div class="no-logo">优酷</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.iqiyi.com/">
                            <div class="item">
                                <div class="no-logo">爱奇艺</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://v.qq.com/">
                            <div class="item">
                                <div class="no-logo">腾讯视频</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tv.sohu.com/">
                            <div class="item">
                                <div class="no-logo">搜狐视频</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.pptv.com/">
                            <div class="item">
                                <div class="no-logo">PPTV</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.bilibili.com/">
                            <div class="item">
                                <div class="no-logo">哔哩哔哩</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.mtime.com/">
                            <div class="item">
                                <div class="no-logo">时光网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.y3600.tv/">
                            <div class="item">
                                <div class="no-logo">热播网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.hanmi520.com/">
                            <div class="item">
                                <div class="no-logo">韩迷</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.hanjubo.com/">
                            <div class="item">
                                <div class="no-logo">韩剧网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.hanfan.cc/">
                            <div class="item">
                                <div class="no-logo">韩饭网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.yyets.com/">
                            <div class="item">
                                <div class="no-logo">人人影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.dy2018.com/">
                            <div class="item">
                                <div class="no-logo">电影天堂</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.poxiao.com/">
                            <div class="item">
                                <div class="no-logo">破晓电影</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.hao6v.cc/">
                            <div class="item">
                                <div class="no-logo">6V电影</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.piaohua.com/">
                            <div class="item">
                                <div class="no-logo">飘花资源网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://yunbtv.net">
                            <div class="item">
                                <div class="no-logo">云播TV</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.yyzone.net/">
                            <div class="item">
                                <div class="no-logo">YY影院</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.zhenbuka.fun/">
                            <div class="item">
                                <div class="no-logo">真不卡</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://neets.cc/">
                            <div class="item">
                                <div class="no-logo">neets搜索站</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.dudou.app/">
                            <div class="item">
                                <div class="no-logo">肚兜影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ikanfan.com/">
                            <div class="item">
                                <div class="no-logo">爱看番</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.acfun.cn/">
                            <div class="item">
                                <div class="no-logo">AcFun</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.novipnoad.com/">
                            <div class="item">
                                <div class="no-logo">N0视频</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://ysdq.app/">
                            <div class="item">
                                <div class="no-logo">影视大全</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.meiju56.com/">
                            <div class="item">
                                <div class="no-logo">美剧56</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dogechan.com/">
                            <div class="item">
                                <div class="no-logo">doge分享</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.dianying.co/">
                            <div class="item">
                                <div class="no-logo">新电影</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.cupfox.com/">
                            <div class="item">
                                <div class="no-logo">茶杯狐</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ystt5.com/">
                            <div class="item">
                                <div class="no-logo">影视天堂</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://555dy.com/">
                            <div class="item">
                                <div class="no-logo">555电影网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.ldssz.com/">
                            <div class="item">
                                <div class="no-logo">人人影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://100ip.cn/">
                            <div class="item">
                                <div class="no-logo">100IP</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.tutuying.com/">
                            <div class="item">
                                <div class="no-logo">兔兔影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://dianying.im/">
                            <div class="item">
                                <div class="no-logo">电影先生</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://app.paofans.tv/pao">
                            <div class="item">
                                <div class="no-logo">泡饭影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dianyingn.net/">
                            <div class="item">
                                <div class="no-logo">电影牛</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.hdmoli.com/">
                            <div class="item">
                                <div class="no-logo">HDmoli</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://guapitv.vip/">
                            <div class="item">
                                <div class="no-logo">瓜皮TV</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://dsxys.com/">
                            <div class="item">
                                <div class="no-logo">大师兄影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.idybee.com/">
                            <div class="item">
                                <div class="no-logo">电影蜜蜂</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://yyds.fans/index">
                            <div class="item">
                                <div class="no-logo">YYDS</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tnhsub.com/">
                            <div class="item">
                                <div class="no-logo">东京不够热</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://tv.syrme.top/">
                            <div class="item">
                                <div class="no-logo">简影影视</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 影视end -->

                <!-- 音乐 -->
                <div class="box">
                    <a href="" name="music"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-yinle"></i>音乐</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://music.163.com/">
                            <div class="item">
                                <div class="no-logo">网易云音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://y.qq.com/">
                            <div class="item">
                                <div class="no-logo">QQ音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.kugou.com/">
                            <div class="item">
                                <div class="no-logo">酷狗音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.kuwo.cn/">
                            <div class="item">
                                <div class="no-logo">酷我音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://fm.douban.com/">
                            <div class="item">
                                <div class="no-logo">豆瓣fm</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://tool.liumingye.cn/music/">
                            <div class="item">
                                <div class="no-logo">MyFreeMP3</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 音乐end -->

                <!-- 书城 -->
                <div class="box">
                    <a href="" name="bookmall"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-shuji"></i>书城</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.owlook.com.cn/">
                            <div class="item">
                                <div class="no-logo">OWLook</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.23wx.cc/">
                            <div class="item">
                                <div class="no-logo">顶点</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.x2552.com/">
                            <div class="item">
                                <div class="no-logo">吾爱文学网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.biquge.in/">
                            <div class="item">
                                <div class="no-logo">笔趣阁</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.qiuyewx.com/">
                            <div class="item">
                                <div class="no-logo">平板电子书</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.kanshushenqi.cc/">
                            <div class="item">
                                <div class="no-logo">看书神器</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://novel.tingroom.com/">
                            <div class="item">
                                <div class="no-logo">英文小说网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tuishujun.com/">
                            <div class="item">
                                <div class="no-logo">推书君</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.bookstack.cn/">
                            <div class="item">
                                <div class="no-logo">书栈网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.allhistory.com/">
                            <div class="item">
                                <div class="no-logo">全历史</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.eshuba.com/">
                            <div class="item">
                                <div class="no-logo">E书吧</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.juyit.com/">
                            <div class="item">
                                <div class="no-logo">君子聚义堂</div>
                            </div>
                        </a>

                    </div>
                </div>
                <!-- 书城end -->

                <footer class="footer">
                    <div class="copyright">
                        <div>
                            Copyright © 2018 - 2050
                            <a href="http://www.zcbboke.com">KingsRay导航 Ray博客</a>
                        </div>
                    </div>
                </footer>
                <div id="fixedBar">
                    <svg class="Zi Zi--BackToTop" title="回到顶部" fill="currentColor"
                        viewBox="0 0 24 24" width="24" height="24">
                        <path d="M16.036 19.59a1 1 0 0 1-.997.995H9.032a.996.996 0 0 1-.997-.996v-7.005H5.03c-1.1 0-1.36-.633-.578-1.416L11.33 4.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.005z">
                        </path>
                    </svg>
                </div>
        </section>
        <script src="js/jquery.js"></script>
        <script>
            const aj = $.ajax({
                    url: "json/config-data.json", // json文件位置，文件名
                    type: "GET", // 请求方式为get
                    dataType: "json", // 返回数据格式为json
                    async: false,
                    success: function(data) {
                        // 请求成功完成后要执行的方法
                    }
                });
            var navigationData = JSON.parse(aj.responseText);
            console.log(navigationData);
            // const request = new XMLHttpRequest();
            // request.withCredentials = true;
            // // request.addEventListener('readystatechange', () => {
            // //     if (request.readyState === 4) {
            // //         const data = request.responseText;
            // //         if (request.status === 200) {
            // //             console.log(JSON.parse(data));
            // //         } else {
            // //             console.log('! Could Not Fetch', data);
            // //         }
            // //     }
            // // });
            // // 设置XHR访问text格式数据
            // request.responseType = 'text';
            // request.open('GET', 'json/config-data.json');
            // request.send();
            // // 处理来自服务器的数据
            // request.onload = function() {
            //     console.log(request);
            //     let superHeroesText = request.responseText;
            //     let superHeroes = JSON.parse(superHeroesText);
            //     console.log(superHeroes);
            // };

            var oMenu = document.getElementById('menu');
            var oLeftBar = document.getElementById('leftBar');
            var menuFrom = document.getElementById('menu-form');

            oMenu.onclick = function() {
                if (oLeftBar.offsetLeft == 0) {
                    oLeftBar.style.left = -249 + 'px';
                }
                else {
                    oLeftBar.style.left = 0;
                }
            }


            // 监听页面宽度变化
            window.onresize = function() {
                judgeWidth();
                // console.log(document.documentElement.clientWidth);
            };

            // 判断页面宽度
            function judgeWidth() {
                if (document.documentElement.clientWidth > 481) {
                    oLeftBar.style.left = 0;
                } else {
                    oLeftBar.style.left = -249 + 'px';
                }
            }


            var oNavItem = document.getElementById('navItem');
            var aA = oNavItem.getElementsByTagName('a');
            for (var i = 0; i < aA.length; i++) {
                aA[i].onclick = function() {
                    for (var j = 0; j < aA.length; j++) {
                        aA[j].className = '';
                    }
                    this.className = 'active';
                    if (oLeftBar.offsetLeft == 0) {
                        if (document.documentElement.clientWidth <= 481) {
                            oLeftBar.style.left = -249 + 'px';
                            menuFrom.checked = false;

                        }
                    }
                }
            }


            $(window).scroll(function() {
                if($(window).scrollTop() >= 200){
                    $('#fixedBar').fadeIn(300);
                }else{
                    $('#fixedBar').fadeOut(300);
                }
            });
            $('#fixedBar').click(function() {
                $('html,body').animate({scrollTop:'0px'},800);
            })
        </script>
</body>

</html>